<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>接口及接口文档</h2>
    <button>测试</button>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

    <script>
        const btn = document.querySelector('button');
        btn.addEventListener('click',function () {
 // 1.
            axios({
                url:'http://ajax-api.itheima.net/api/city',
                method:'GET',
                params:{
                    pname:'浙江省'
                }
            }).then(({data:res})=>{
                console.log(res);
            })
2.
            // axios({
            //     url:'http://ajax-api.itheima.net/api/city',
            //     method:'POST',
            //    data:{
            //         pname:'浙江省'
            //     }
            // }).then(({data:res})=>{
            //     console.log(res);
            // })
//3.
            // axios({
            //     url:'http://ajax-api.itheima.net/api/city?pname=浙江省',
            //     method:'GET',
               
            // }).then(({data:res})=>{
            //     console.log(res);
            // })
//4.
            // axios.get('http://ajax-api.itheima.net/api/city')
            // .then(({data:res}) =>{
            //     console.log(res);
            // })
//5.
            // axios.get('http://ajax-api.itheima.net/api/city',{
            //     params:{
            //         pname:'浙江省'
            //     }
            // })
            // .then(({data:res}) =>{
            //     console.log(res);
            // })
//6.
            // axios.post('http://ajax-api.itheima.net/api/city',{pname:'浙江省'})
            // .then(({data:res}) =>{
            //     console.log(res);
            // })
        })
    </script>
</body>
</html>